@charset "utf-8";
/*公共样式*/
html{font-size: 10px;}
body,div,p,span,strong,h1,h2,h3,h4,h5,h6,hr,a,i,b,em,input,canvas,ul,li,dl,dd,dt,img,iframe,label,table,th,tr,td,select,sup,sub,pre,video,source,textarea{padding:0px; margin: 0px; font-size: 12px; font-weight: normal; font-family:myFirstFont,arial,helvetica,"microsoft yahei"; color: #58595b; list-style: none; font-style: normal; line-height: 1em; border: 0px;}
input,button,select,textarea{-webkit-appearance:none;outline:none}textarea{resize:none}
input[type="text"]:disabled{background: none;}
a,button{text-decoration: none; cursor: pointer; border: none;}
/*@font-face
{
    font-family: myFirstFont;
    src: url('W3.otf');
}*/
/* IOS移动端点击阴影如何去除*/
*{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
/*a:link{color: #464646;}*/
/*a:visited{color: #C61231;}*/
/*a:active{color: #C61231;}
a:hover{color: #C61231!important;}*/
sup{font-size:12px;}
img{border: 0px;}
/*颜色*/
.backgry{background: #f5f5f5;}
.purple{color: #5764a1!important;}
.orange{color: #ff9000;}
.grytips{color: #999999;}
.purplebtn{background: #5764a1; color: #FFFFFF;}
.gryline{width: 100%; height: 10px; background: #f3f3f3; border: none;}
.grybg{width: 100%; height: auto; background: #eeeeee;}
.redfont{color: #ec0032}
.bluebtn{
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	width: 95%;
	height: 44px;
	background: #0285ef;
	color: #fff;
	font-size: 16px;
	line-height: 44px;
	border-radius: 6px;
	margin: 0 auto;
	margin-top: 29px;
}
.grybtn{
	background: #c0c0c0;
}
.redbtn{
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	width: 95%;
	height: 44px;
	background: #f1655d;
	color: #fff;
	font-size: 16px;
	line-height: 44px;
	border-radius: 6px;
	margin: 0 auto;
	margin-top: 29px;	
}
.bluefont{
	color: #0285ef;
	font-size: 15px;
}
.positionri{position: relative;}
.paddbottom{padding-bottom: 50px;}

/*公共input、textarea默认样式*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
color: #999999; 
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
color: #999999; 
} 
input::-moz-placeholder, textarea::-moz-placeholder { 
color: #999999; 
} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
color: #999999; 
}


/*底部*/
#footernav{width: 100%; height: 4.166666666666667rem; position: fixed;bottom: 0px; left: 0px; background: #fafafa; border-top: 1px solid #cccccc}
#footernav a.jinc{width: 50%; height: 4.166666666666667rem; float: left; text-align: center;}
.jinc .footerimg1{display: inline-block; margin-top: 0.4166666666666667rem; width:2.3333333333333335rem; height: 2.0833333333333335rem;  background: url(../images/navbottom1.png) center no-repeat; background-size:2.3333333333333335rem 2.0833333333333335rem; }
.jinc .footerimg2{display: inline-block; margin-top: 0.4166666666666667rem; width:2.3333333333333335rem; height: 2.0833333333333335rem;  background: url(../images/navbottom2.png) center no-repeat;background-size:2.3333333333333335rem 2.0833333333333335rem;}
.jinc .footerimg3{display: inline-block; margin-top: 0.4166666666666667rem; width:2.3333333333333335rem; height: 2.0833333333333335rem;  background: url(../images/navbottom3.png) center no-repeat;background-size:2.3333333333333335rem 2.0833333333333335rem;}
.jinc .footerimg4{display: inline-block; margin-top: 0.4166666666666667rem; width:2.3333333333333335rem; height: 2.0833333333333335rem;  background: url(../images/navbottom4.png) center no-repeat; background-size:2.3333333333333335rem 2.0833333333333335rem;}
.onthis .footerimg1{background: url(../images/navbottom1-1.png) center no-repeat;  background-size:2.3333333333333335rem 2.0833333333333335rem;}
.onthis .footerimg2{background: url(../images/navbottom2-2.png) center no-repeat;  background-size:2.3333333333333335rem 2.0833333333333335rem;}
.onthis .footerimg3{background: url(../images/navbottom3-3.png) center no-repeat;  background-size:2.3333333333333335rem 2.0833333333333335rem;}
.onthis .footerimg4{background: url(../images/navbottom4-4.png) center no-repeat;  background-size:2.3333333333333335rem 2.0833333333333335rem;}
.jinc span{display: block; width: 100%; text-align: center; line-height: 1.5rem; font-size: 0.8891666666666667rem; color: #666666;}
.onthis span{color: #0285ef!important; }


/*点赞div*/
.zhezhaoc{
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
	align-items: flex-start;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.8;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9999;
	display: none;
}
.zhezhaoc2{
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
	align-items: flex-start;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.3;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9999;
	display: none;
}
.disabled { pointer-events: none; }  
.zhezhao{
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-end;
	width: 100%;
	height: 100%;
	font-size: 16px;
	color: #fff;	
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99999;
	display: none;

}
.zhezhao img{
	width: 36px;
	height: 36px;
	margin-right: 22px;
	margin-top: 8px;
	margin-bottom: 17px;
}
.zhezhao p{	
	font-size: 16px;
	color: #fff;
	opacity: 0.8;
	margin-right: 22px;
	

}
/*输入密码观看弹窗*/
.mimawatch,.kanj{
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	width: 270px;
	height: 178px;
	background: #fff;
	border-radius: 10px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -89px;
	margin-left: -135px;
	z-index: 99999;
	display: none;
}
.mimawatch h4{
	font-size: 16px;
	color: #808285;
	margin-top: 24px;
	margin-bottom: 18px;
}
.mimainp{
	width: 82%;
	height: 40px;
	font-size: 16px;
	margin: 0 auto;
	border: 1px solid #bcbec0;
	border-radius: 10px;
	text-indent: 8px;
	margin-bottom: 24px;
}
.mimabtns{
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	align-items: center;
	width: 82%;
	height: 30px;
	margin: 0 auto;
}
.mimabtns a{
	width: 100px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #bcbec0;
	color: #bcbec0;
	text-align: center;
	border-radius: 10px;
	font-size: 16px;
}
.sure{
	background: #cc3e44;
	border: 1px solid #cc3e44!important;
	color: #fff!important;
}

/*砍价弹窗*/
.zhezhaoc3{
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
	align-items: flex-start;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.3;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9999;
	display: none;
}
.ktitle{
	font-size: 16px;
	color: #808285;
	margin-top: 24px;
	margin-bottom: 13px;
}
.ktips{
	font-size: 12px;
	color: #808285;
	margin-bottom: 18px;
}
.kprice{
	font-size: 20px;
	color: #58595b;
	margin-bottom: 24px;
}
.kanj .redbtn{
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	width: 222px;
	height: 30px;
	border-radius: 10px;
}












